<template>
     <div class="router">
        
               <router-link to="/all/home/hot" tag="div">热门</router-link>
        
       
               <router-link to="/all/home/woman"  tag="div">女装</router-link>
       
       
                 <router-link to="/all/home/man"  tag="div">男装</router-link>
      
      
                  <router-link to="/all/home/underwear"  tag="div">内衣搭配</router-link>
       
      
     </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
    .router {
        width: 100%;
        height: 50px;
        line-height: 50px;
        display: flex;
        justify-content: space-around;
    }
    .router-link-active {
        border-bottom: 1px solid red;
        transition: all 1s;
    } 
</style>>

</style>